<template>
  <div>
    <checklist title="斜视（复选）" :options="objectList"  @on-change="change" :value.sync="checklist01"></checklist>
    <checklist title="弱视（复选）" :options="objectListTwo"  @on-change="change" :value.sync="checklist02"></checklist>
    <checklist title="备注（复选）" :options="objectListThree"  @on-change="change" :value.sync="checklist03"></checklist>
  </div>
</template>

<script>
import { Group, Checklist, Cell, Divider } from '../components'

export default {
  ready () {
    setTimeout(() => {
      this.asyncList = ['A', 'B', 'C', 'D']
    }, 3000)
  },
  components: {
    Group,
    Checklist,
    Cell,
    Divider
  },
  methods: {
    change (val) {
      console.log('change', val)
    }
  },
  data () {
    return {
      commonList: [ 'AV型斜视', '垂直旋转型', '特殊性斜视', '有代偿头位', '隐斜视', '内斜', '外斜' ],
      checklist01: [],
      checklist02: [],
      checklist03: [],
      checklist002: [ '屈光不正', '' ],
      checklist003: [ 'China', 'Japan' ],
      checklist004: [],
      checklist005: [ '01', '02', '03' ],
      checklist005Value: [],
      objectList: [{key: '1', value: 'AV型斜视'}, {key: '2', value: '垂直旋转型'}, {key: '3', value: '特殊性斜视'}, {key: '4', value: '有代偿头位'}, {key: '5', value: '隐斜视'}, {key: '6', value: '内斜'}, {key: '7', value: '外斜'}],
      objectListTwo: [{key: '1', value: '屈光不正'}, {key: '2', value: '行觉剥夺性'}, {key: '3', value: '屈光参差行'}],
      objectListThree: [{key: '1', value: '先天性白内障'}, {key: '2', value: '眼球震颤'}, {key: '3', value: '上睑下垂'}, {key: '4', value: '视神经萎缩'}, {key: '5', value: '视功能障碍'}, {key: '6', value: '老视'}],

      objectListValue: ['1', '2'],
      asyncList: [],
      asyncListValue: []
    }
  }
}
</script>
